<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<style type="text/css">
		body{
			background: url(../img/shouye.jpg) no-repeat center center fixed;
			background-size:cover;
			font-family: "Helvetica Neue",Helvetica,Ari;
		}
		
	</style>
</head>
<body>

	<!-- Modal -->
	<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-header">
	    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	    <h3 id="myModalLabel">忘记密码？</h3>
	  </div>
	  <form action="forgetpassword.jspx" id="myform" method="post">
	  	<div class="modal-body">
		    <p>请输入您的用户名：</p><input type="text" class="span5" placeholder="username" name="username">
		    <p>我们将重置您的密码！！并且发到您的邮箱！请注意查收！！</p>
		  </div>
	  </form>
	  
	  
	  <div class="modal-footer">
	    
	    <a href="javascript:;" id="testa" class="btn btn-primary">确定</a>
	    <a class="btn" data-dismiss="modal" aria-hidden="true">取消</a>
	  </div>
	</div>
	

	<div class="container">
		<form class="form-horizontal" style="margin-top:110px;margin-left:100px;" action="loginuser.jspx" method="post">
			 <legend style="font-size:34px;">Sign In</legend>
			 	
			 	
			 	<c:if test="${not empty loginerror }">
			 		<div class="alert alert-error">
		              <button type="button" class="close" data-dismiss="alert">×</button>
		              <strong>Oh snap!</strong> ${loginerror}
		              <%
		              	session.removeAttribute("loginerror");
		              %>
		            </div>
			 	</c:if>
			 
			  <div class="control-group">
				    <div class="controls">
				      <input type="text" class="span6" id="inputEmail" name="username" placeholder="Username" style="height:30px;" >
				    </div>
			  </div>
			  <div class="control-group">
				    <div class="controls">
				      	<input type="password" class="span6" id="inputPassword" name="password" placeholder="Password" style="height:30px;">
				    </div>
			  </div>
			  <div class="control-group">
				    <div class="controls">
					    <button type="submit" class="btn btn-success span6 btn-large" style="margin-left:0px;" data-loading-text="Loading...">login in</button>

				    </div>
			  </div>
			  <div class="control-group" style="margin-left:190px;">
				    <span class="help-inline" style="color:#fff;">还没有用户？赶紧<a href="adduser.jspx" >注册</a>吧！！</span>
				    <span class="help-inline" style="color:#fff;margin-left:70px;">忘记密码？点<a href="#myModal" role="button"  data-toggle="modal">here！！</a></span>
			  </div>
			  
			  
		</form>

	</div>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script src="../js/bootstrap.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$("#testa").click(function(){
				$("#myform").submit();
			});
		});
	</script>
</body>
</html>